* { padding: 0px; margin: 0px; list-style: none; }

body { background: #f7f8fb; }

.user-center { padding-top: 80px; }
.user-center .u-c { width: 1200px; margin: 0 auto; }
.user-center .u-c .menu-left { width: 220px; background: #fff; float: left; -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); padding: 20px 0px 300px; border-radius: 10px; }
.user-center .u-c .menu-left .menu-avatar { text-align: center; margin-bottom: 20px; }
.user-center .u-c .menu-left .menu-avatar img { border-radius: 50%; }
.user-center .u-c .menu-left .user-name { margin-bottom: 10px; text-align: center; }
.user-center .u-c .menu-left .user-msg { color: #999; text-align: center; margin-bottom: 40px; font-size: 14px; }
.user-center .u-c .menu-left .user-tit { color: #666; font-size: 16px; padding-left: 30px; margin-bottom: 10px; }
.user-center .u-c .menu-left .menu-item a { text-decoration: none; cursor: pointer; color: #333; }
.user-center .u-c .menu-left .menu-item a li { height: 40px; line-height: 40px; font-size: 14px; padding-left: 30px; border-left: 2px solid #fff; }
.user-center .u-c .menu-left .menu-item a li.active { background: #f7f8fb; }
.user-center .u-c .menu-left .menu-item a li span { display: inline-block; width: 22px; height: 22px; background: url("../images/user/left_icon.png") no-repeat; background-size: 110%; vertical-align: sub; margin-right: 10px; }
.user-center .u-c .menu-left .menu-item a li.one span { background-position: 0px 0px; }
.user-center .u-c .menu-left .menu-item a li.two span { background-position: 0px -23px; }
.user-center .u-c .menu-left .menu-item a li.three span { background-position: 0px -48px; }
.user-center .u-c .menu-left .menu-item a li.four span { background-position: 0px -74px; }
.user-center .u-c .menu-left .menu-item a li.five span { background-position: 0px -97px; }
.user-center .u-c .menu-left .menu-item a li.six span { background-position: 0px -121px; }
.user-center .u-c .menu-left .menu-item a li.seven span { background-position: 0px -146px; }
.user-center .u-c .menu-left .menu-item a li.eight span { background-position: 0px -170px; }
.user-center .u-c .menu-left .menu-item a li.nine span { background-position: 0px -195px; }
.user-center .u-c .menu-left .menu-item a li.eleven span { background-position: 0px -218px; }
.user-center .u-c .menu-right { width: 960px; float: right; }
.user-center .u-c .menu-right .m-r-header { background: #fff; -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); height: 70px; width: 100%; border-radius: 10px; margin-bottom: 20px; }
.user-center .u-c .menu-right .m-r-header span { font-size: 16px; cursor: pointer; line-height: 70px; }
.user-center .u-c .menu-right .m-r-header .m-r-h-money { margin-left: 30px; }
.user-center .u-c .menu-right .m-r-header .m-r-h-money > span { color: #e95a5c; }
.user-center .u-c .menu-right .m-r-header .m-r-h-refresh { display: inline-block; width: 20px; height: 20px; margin: 0px 10px; }
.user-center .u-c .menu-right .m-r-header .m-r-h-refresh img { vertical-align: sub; }
.user-center .u-c .menu-right .m-r-header .m-r-h-recycle { color: #2ca0e1; }
.user-center .u-c .menu-right .m-r-header .m-r-h-tit { color: #999; margin-left: 5px; }
.user-center .u-c .menu-right .m-r-content { width: 920px; background: #fff; padding: 20px 20px 80px; -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); border-radius: 10px; }
.user-center .u-c .menu-right .m-r-content .m-r-c-tit { font-size: 18px; }
.user-center .u-c .menu-right .m-r-content .m-r-c-tit .c-tit-main { color: #333; }
.user-center .u-c .menu-right .m-r-content .m-r-c-tit .c-tit-msg { font-size: 14px; color: #999; margin-left: 10px; }

.blank { clear: both; height: 80px; }
